<!DOCTYPE html>
<html lang="ch-cn" >
<!--@author vybfi-->
<!--@param-->
<!--@return 无-->
<head th:fragment="header">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--    <link rel="stylesheet" th:href="@{/css/font.css}">-->
    <link rel="stylesheet" th:href="@{/css/paper.css}">
    <link rel="stylesheet" th:href="@{/css/main.css}">
    <script type= "text/javascript" defer="defer"
            color="24,144,255" pointColor="0,80,179"
            src= "https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js" ></script>　
    <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>
<!--    <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>-->

<!--    <script>-->
<!--        L2Dwidget.init({-->
<!--            // 引用的模型-->
<!--            "model": {-->
<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-chitose@1.0.5/assets/chitose.model.json",-->
<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-haruto@1.0.5/assets/haruto.model.json",-->
<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-hibiki@1.0.5/assets/hibiki.model.json",-->
<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json",-->
<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-izumi@1.0.5/assets/izumi.model.json",-->
<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",-->

<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-miku@1.0.5/assets/miku.model.json",-->
<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-ni-j@1.0.5/assets/ni-j.model.json",-->

<!--                //jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",-->
<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json",-->
<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-tsumiki@1.0.5/assets/tsumiki.model.json",-->

<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-unitychan@1.0.5/assets/unitychan.model.json",-->

<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json",-->
<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-nico@1.0.5/assets/nico.model.json",-->
<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-nipsilon@1.0.5/assets/nipsilon.model.json",-->
<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-nito@1.0.5/assets/nito.model.json",-->
<!--                // jsonPath: "https://unpkg.com/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json",-->

<!--                "scale": 1-->
<!--            },-->
<!--            // 模型的样式，可以自行更改-->
<!--            "display": {-->
<!--                "position": "right",-->
<!--                "width": 150,-->
<!--                "height": 300,-->
<!--                "hOffset": 0,-->
<!--                "vOffset": -20-->
<!--            },-->
<!--            "mobile": {-->
<!--                "show": true,-->
<!--                "scale": 0.5-->
<!--            },-->
<!--            "react": {-->
<!--                "opacityDefault": 1,-->
<!--                "opacityOnHover": 0.2-->
<!--            }-->
<!--        });-->
<!--    </script>-->
</head>

<body>
    <nav class="border" th:fragment="navbar">
        <div class="nav-brand">
            <h4><a href="#">LOL Seach</a></h4>
        </div>
        <div class="collapsible">
            <input id="collapsible2" type="checkbox" name="collapsible2">
            <label for="collapsible2">
              <div class="bar1"></div>
              <div class="bar2"></div>
              <div class="bar3"></div>
            </label>
            <div class="collapsible-body">
                <ul class="inline">
                    <li><a th:href="@{home}">首页</a></li>
                    <li><a th:href="@{save}">点击上传数据</a></li>
                    <li><a th:href="@{register}">再来一个号</a></li>
                    <li><a th:href="@{logout}">下次一定</a></li>
                    <li><a href="https://gitee.com/vybfi/collaboration-proton/tree/vybfi-test">关于我们</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="card border" style="width: 10rem; position: fixed; right: 20px; bottom: 30vh;" th:fragment="AD">
        <div class="card-body">
            <h4 class="card-title">您好? 买?</h4>
            <h5 class="card-subtitle">广告位招租</h5>
            <p class="card-text">你好,打钱?我们是专业团队,不会携款潜逃的,请您放心呢</p>

            <div class="row flex-spaces child-borders">
                <label class="paper-btn" for="modal-1">我要打钱!</label>
            </div>
            <input class="modal-state" id="modal-1" type="checkbox">
            <div class="modal">
                <label class="modal-bg" for="modal-1"></label>
                <div class="modal-body" style="width: 13rem">
                    <label class="btn-close" for="modal-1">X</label>
                    <br>
                    <h4 class="modal-text">这位勇者,您的钱包是空的呢</h4>
                    <p class="modal-subtitle">$: 0G</p>
                    <p class="modal-text">请先去多打几只史莱姆再来吧:D</p>

                    <label for="modal-1" class="paper-btn">
                        下次一定打钱!
                    </label>
                </div>
            </div>

        </div>
    </div>
    

</body>

</html>